<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">办事指南</a>
    </x-header>
    <panel :list="list" type="4"></panel>
  </div>
</template>
<script>
  import {XHeader, Panel} from 'vux'
  export default {
    components: {
      XHeader,
      Panel
    },
    data () {
      return {
        list: [{
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '一、XXX办事地点',
          desc: '办事地点：XXXX地点XXX号楼',
          url: '#detail/1',
          meta: {
            source: '可办事项',
            other: '1.XXX 2.XXX 3.XXX'
          }
        }, {
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '二、XXX办事地点',
          desc: '办事地点：XXXX地点XXX号楼',
          url: {
            path: '#detail/2',
            replace: false
          },
          meta: {
            source: '可办事项',
            other: '1.XXX 2.XXX 3.XXX'
          }
        }, {
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '三、XXX办事地点',
          desc: '办事地点：XXXX地点XXX号楼',
          url: {
            path: '#detail/3',
            replace: false
          },
          meta: {
            source: '可办事项',
            other: '1.XXX 2.XXX 3.XXX'
          }
        }, {
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '四、XXX办事地点',
          desc: '办事地点：XXXX地点XXX号楼',
          url: {
            path: '#detail/4',
            replace: false
          },
          meta: {
            source: '可办事项',
            other: '1.XXX 2.XXX 3.XXX'
          }
        }]
      }
    }

  }
</script>
